<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
      <!-- 垂直水平居中的盒子 -->
      <div id="content">
         <div id="inner"></div>
      </div>
</body>
<script>
    //  js  找出数组重复出现过的元素
     let arr=[1,2,4,4,3,3,1,5,3]
     
    //   function foo(params) {
    //   let arr1= arr.filter((item,index,array)=>{
    //         return array.indexOf(item)==-1
    //     })
    //  console.log(arr1)
        
    //   }
    //   foo(arr)

// function res(arr){
//     // 声明个空数组
//  var temp=[];
// //  排序筛选
//  arr.sort().sort(function(a,b){
//     if(a===b&&temp.indexOf(a)===-1){
//        temp.push(a)
//        console.log(temp);
//    }

//  })

//  return temp;
// }
// res(arr)
function foo(params) {
    // 声明个新数据将重复的元素放进去
     var newArr=[]
     arr.sort().sort(function(a,b){
        if(a===b&&newArr.indexOf(a)===-1){
            newArr.push(a)
            console.log(newArr);
        }
     })
    
}

foo(arr)
</script>
<style>
    #content{
        width: 600px;
        height: 600px;
        background-color: pink;
        /* position: relative; */
        /* 第二种 */
        /* overflow: hidden; */
        /* 第三种方式 */
        display: flex;
        align-items: center;
       justify-content: space-around;

    }
    #inner{
        width: 300px;
        height: 300px;
        background-color: aqua;
        /* margin: 150px 150px; */
        /* 第一种方式 */
        /* position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%); */

    }
</style>
</html>